<div class="shipping-wrapper">
  <h3>Shipping Prices</h3>
  <ul>
    <li class="shipping-item" *ngFor="let shipping of shippingCosts | async">
      <span>{{ shipping.type }}</span>
      <span>{{ shipping.price | currency }}</span>
    </li>
  </ul>
</div>